<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户</title>
    <link rel="stylesheet" href="../assets/vendors/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="../assets/vendors/font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="../assets/css/admin.css">
</head>

<body>
    @@include('../common/admin/loginStatus.html')
    <div class="main">
        @@include('../common/admin/navbar.html')
        <div class="container-fluid">
            <div class="page-title">
                <h1>用户</h1>
            </div>
            <div class="row">
                <div class="col-md-4">
                    <form>
                        <h2>添加新用户</h2>
                        <div class="form-group">
                            <label>头像</label>
                            <div class="form-group">
                                <label class="form-image">
                                    <input id="avatar" type="file">
                                    <img src="./img/default.png" alt="">
                                    <i class="mask fa fa-upload"></i>
                                </label>
                            </div>
                        </div>
                        <div class="form-group">
                            <label>邮箱</label>
                            <input type="email" class="form-control" placeholder="请输入邮箱">
                        </div>
                        <div class="form-group">
                            <label>昵称</label>
                            <input type="text" class="form-control" placeholder="请输入昵称">
                        </div>
                        <div class="form-group">
                            <label>密码</label>
                            <input type="password" class="form-control" placeholder="请输入密码">
                        </div>
                        <div class="form-group">
                            <div class="radio-inline">
                                <label>
                                    <input type="radio">
                                    未激活
                                </label>
                            </div>
                            <div class="radio-inline">
                                <label>
                                    <input type="radio">
                                    激活
                                </label>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="radio-inline">
                                <label>
                                    <input type="radio">
                                    超级管理员
                                </label>
                            </div>
                            <div class="radio-inline">
                                <label>
                                    <input type="radio">
                                    普通用户
                                </label>
                            </div>
                        </div>
                        <div class="form-group">
                            <button class="btn btn-primary" type="submit">添加</button>
                        </div>
                    </form>
                </div>
                <div class="col-md-8">
                    <table class="table table-striped table-bordered table-hover">
                        <thead>
                            <tr>
                                <th class="text-center" width="40">
                                    <input type="checkbox">
                                </th>
                                <th class="text-center" width="80">头像</th>
                                <th>邮箱</th>
                                <th>昵称</th>
                                <th>状态</th>
                                <th>角色</th>
                                <th class="text-center" width="100">操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="text-center">
                                    <input type="checkbox">
                                </td>
                                <td class="text-center">
                                    <img src="./img/default.png" alt="" class="avatar">
                                </td>
                                <td>coder@zxyi.cn</td>
                                <td>coder</td>
                                <td>激活</td>
                                <td>普通用户</td>
                                <td class="text-center">
                                    <a href="JavaScript:;" class="btn btn-default btn-xs">编辑</a>
                                    <a href="JavaScript:;" class="btn btn-danger btn-xs">删除</a>
                                </td>
                            </tr>
                            <tr>
                                <td class="text-center">
                                    <input type="checkbox">
                                </td>
                                <td class="text-center">
                                    <img src="./img/default.png" alt="" class="avatar">
                                </td>
                                <td>coder@zxyi.cn</td>
                                <td>coder</td>
                                <td>激活</td>
                                <td>普通用户</td>
                                <td class="text-center">
                                    <a href="JavaScript:;" class="btn btn-default btn-xs">编辑</a>
                                    <a href="JavaScript:;" class="btn btn-danger btn-xs">删除</a>
                                </td>
                            </tr>
                            <tr>
                                <td class="text-center">
                                    <input type="checkbox">
                                </td>
                                <td class="text-center">
                                    <img src="./img/default.png" alt="" class="avatar">
                                </td>
                                <td>coder@zxyi.cn</td>
                                <td>coder</td>
                                <td>激活</td>
                                <td>普通用户</td>
                                <td class="text-center">
                                    <a href="JavaScript:;" class="btn btn-default btn-xs">编辑</a>
                                    <a href="JavaScript:;" class="btn btn-danger btn-xs">删除</a>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    @@include('../common/admin/aside.html')
</body>
</html>